@charset "utf-8";

body {margin:0 auto;padding:0;max-width:640px;min-width:320px;background-color:#FFF;font-size:14px;font-family:"microsoft yahei", "Helvetica Neue", Helvetica, sans-serif}
ul, li {margin:0;padding:0;list-style:none}
p {margin:0;padding:0}
.clearfix:after {clear:both;display:block;visibility:hidden;height:0;content:" "}
a,a:hover{text-decoration: none;}
em, i {font-style:normal}
img {border:0}

.divmain1 {margin:0 auto;width:100%}
.divmain1 img {width:100%}

.content{background: #fff;padding: 15px 5px}
.content .match_page {width: 100%;overflow: hidden}
.content .list_box{position:relative}
.content .list_box li{width:49.9%;float: left;box-sizing:border-box;margin-bottom: 10px}
.content .list_box li>div{margin: 0 5px;position: relative;background-color: #ffffff; box-shadow: 0 1px 1px #ccc}
.content .list_box li>div .number{max-width:96% ;position:absolute;top:0;left:0;text-overflow :ellipsis;overflow:hidden; padding: 0 2%;    -webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;height:25px;line-height:25px;background-color:#000;background-color:rgba(0,0,0,0.5);color:#FFF;text-align:left;font-size:12px}
.content .list_box li img{width: 100%}
.content .list_box li p{float: left;line-height: 30px;color: #434142; width: 60%; padding-left: 5%; height: 30px; font-size: 12px}
.content .list_box li a{max-height:600px; overflow:hidden;}
.content .list_box li a.img{display: block;}
.content .list_box li a.vote{float: right; width: 45px; height: 45px; background: #fff; line-height: 45px; color: #7800ff; font-size: 14px; text-align: center; border: 1px solid #7800ff; border-radius: 25px; position: absolute; top: -20px; right: 5px}
.content .list_box li div div{position: relative}

.divmain11 {margin:0 auto;margin-top:10px;width:94%;height:40px;border:#CCC 1px solid;border-radius:4px;background:#FFF}
.divmain11 .inputtxt {padding-left:2%;width:65%;height:38px;line-height:38px;border:0;font-size:14px}
.divmain11 .divsub {float:right;margin-top:5px;width:30%;height:30px;border-left:#CCC 1px solid;color:#999;text-align:center;font-size:15px;line-height:30px}
.num_box{position:relative;overflow:hidden;width:100%;}
.num_box .num_box_ul{overflow:hidden;padding:15px 0;width:100%;line-height:22px;background-color: #f9f9f9;  display: block;  border-bottom: 1px #EFEFEF solid;}
.num_box .num_box_ul li{float:left;width:33%;border-right:1px solid #CCC}
.num_box .num_box_ul li:last-child{border:none}
.num_box .num_box_ul li span{display:block;width:100%;color:#707070;text-align:center;font-size:14px;line-height:20px}
.num_box .num_box_ul li span.text{margin:0;padding:0;background-color:transparent;box-shadow:none;font-size:12px}
.num_box .join_us{display:block;margin:10px auto;width:94%;height:40px;border-radius:4px;background:#FF4238;text-align:center;line-height:40px}
.num_box .join_us a:link, .num_box .join_us a:visited{display:block;color:#FFF;text-decoration:none;font-size:18px}

.time-item {margin:0 auto;width:100%;text-align:center;}
.time-item strong{border:#CCC 1px solid;background:#FFF;color:#999;line-height:40px;font-size:14px;padding:5px 10px;margin:0 5px;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);}

.lapiao{position:fixed;bottom: 0;left: 0;right: 0;width:100%;height:50px;border-top:1px solid #e0e0e0;background-color:#FFF;z-index:1}
.lapiao .l{float:left;padding-left:50px;height:48px;line-height:48px;background:url(../images/lapiao.png) no-repeat 22px 14px;background-size:22px;color:#929292}
.lapiao .r{float:right;height:48px;line-height:48px;background:url(../images/lapiao.png) no-repeat 22px -23px;background-size:22px;color:#929292;padding :0 20px 0 50px}
.lapiao .b{float:right;height:48px;line-height:48px;background:url(../images/lapiao.png) no-repeat 22px -61px;background-size:22px;color:#929292;padding :0 20px 0 50px}
.lapiao .add{position:absolute;top:10px;left:50%;margin:-35px;padding:4px;width:68px;height:68px;border-radius:68px;background:#8607bb}
.add .i{display:block;box-sizing:border-box;padding-top:23px;width:60px;height:60px;border-radius:60px;background:#fff;color:#03bd01;text-align:center;-webkit-animation:heartbborder 1s infinite linear;border:2px solid #03bd01;}
.add .i i{display:block;margin:-18px auto 2px;width:20px;height:20px;}
.add .i i img{max-width:100%;-webkit-animation:heartbeat 1s infinite linear;}

@-webkit-keyframes heartbborder{
    0% {border:1px solid #03bd01;}
	20% {border:1px solid #03bd01;}
	40% {border:1px solid #03bd01;}
	60% {border:1px solid #03bd01;}
	80% {border:1px solid #03bd01;}
	100% {border:1px solid #03bd01;}
}
@-webkit-keyframes heartbeat{

    0% {width:100%;}
	10% {width:95%}
	20% {width:90%}
	30% {width:85%}
	40% {width:80%}
	50% {width:85%}
	60% {width:90%;}
	70% {width:95%}
	80% {width:100%}
	90% {width:95%}
	100% {width:90%}

}
